<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="yes" name="apple-touch-fullscreen" />
	<meta content="telephone=no,email=no" name="format-detection" />
	<meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes" />
	<title>萌宝购物</title>
	<link rel="stylesheet" href="css/core.css">
	<link rel="stylesheet" href="css/icon.css">
	<link rel="stylesheet" href="css/home.css">
	<link rel="stylesheet" href="font/iconfont.css">
</head>

<body>

	<header class="aui-header-default aui-header-fixed">
		<a href="javascript:history.back(-1)" class="aui-header-item">
			<i class="aui-icon aui-icon-back"></i>
		</a>
		<div class="aui-header-center aui-header-center-clear">
			<div class="aui-header-center-logo">
				<div class="">我的优惠券</div>
			</div>
		</div>
	</header>

	<section class="aui-myOrder-content">
		<div class="m-tab demo-small-pitch" data-ydui-tab>
			<div class="aui-myOrder-fix">
				<ul class="tab-nav">
					<li class="tab-nav-item tab-active"><a href="javascript:;">未使用</a></li>
					<li class="tab-nav-item"><a href="javascript:;">已使用</a></li>
					<li class="tab-nav-item"><a href="javascript:;">已过期</a></li>
				</ul>
			</div>
			<div class="aui-prompt"><i class="aui-icon aui-prompt-sm"></i>兑换码现已关闭,请使用优惠券</div>
			<div class="tab-panel">
				<div class="tab-panel-item tab-active" style="padding: 10px;">
					<div class="aui-coupon-item">
						<div class="clearfix">
							<div class="l fl">
								<p class="price">￥<span>111</span></p>
								<p class="limit">满<span>999</span>可用</p>
							</div>
							<div class="r fr"><button>立即使用</button></div>
						</div>
					</div>
					<div class="aui-coupon-item">
						<div class="clearfix">
							<div class="l fl">
								<p class="price">￥<span>111</span></p>
								<p class="limit">满<span>999</span>可用</p>
							</div>
							<div class="r fr"><button>立即使用</button></div>
						</div>
					</div>
				</div>
				<div class="tab-panel-item" style="padding: 10px;">
					<div class="aui-coupon-item">
						<div class="clearfix">
							<div class="l fl">
								<p class="price">￥<span>111</span></p>
								<p class="limit">满<span>999</span>可用</p>
							</div>
							<div class="r fr"><button>立即使用</button></div>
						</div>
					</div>
				</div>
				<div class="tab-panel-item" style="padding: 10px;">
					<div class="aui-coupon-item">
						<div class="clearfix">
							<div class="l fl">
								<p class="price">￥<span>111</span></p>
								<p class="limit">满<span>999</span>可用</p>
							</div>
							<div class="r fr"><button>立即使用</button></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/aui.js"></script>

</body>

</html>